import React, { PureComponent } from 'react';
import axios from 'axios';
import { Carousel, Row, Col, List, Avatar, Card ,} from 'antd';
import Header from '../../components/Header/Header.js'
import Footer from '../../components/Footer/Footer.js'
import TestCard from '../../components/TestCard/TestCard.js';
import './psytest.css';
export default class Psytest extends PureComponent {
  render() {
    const data = [
      {
        title: 'Ant Design Title 1',
      },
      {
        title: 'Ant Design Title 2',
      },
      {
        title: 'Ant Design Title 3',
      },
      {
        title: 'Ant Design Title 4',
      },
    ];
    return (<div>
      <Header current="psytest" />
      <div className='action'>
        <Row>
          <Col span="4">
            <Carousel autoplay>
              <div><img alt="example" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525796488903&di=1c2a2401683a46ac0f404dfc4bd2d0f3&imgtype=0&src=http%3A%2F%2Fimg.baizhan.net%2Fuploads%2Fallimg%2F170421%2F46_170421105224_1.jpg" /></div>
              <div><img alt="example" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3089035910,837232727&fm=27&gp=0.jpg" /></div>
              <div><img alt="example" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=599097939,2122370908&fm=27&gp=0.jpg" /></div>
              <div><img alt="example" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1526391546&di=3353e261b2bcd1b3827575bfab617742&imgtype=jpg&er=1&src=http%3A%2F%2Fimg.dugoogle.com%2Fwp-content%2Fuploads%2F2017%2F08%2FEEEEEEE.jpg" /></div>
            </Carousel>
          </Col>
          <Col span="20" >
            <div style={{ marginLeft: '16px' }}>
              <TestCard />
            </div>
          </Col>
        </Row>
      </div>
      <Footer />
    </div >);
  }
}